<template>
  <div>
    <div class="quick-access">
      <el-row :gutter="20">
        <el-col :span="8">
          <el-card class="quick-card">
            <div class="quick-title">开发部署</div>
            <el-link type="primary" class="quick-link" @click="$emit('open-create-dialog')">创建连接</el-link><br />
            <el-link type="primary" class="quick-link" @click="$emit('open-workflow-designer')">流程集成</el-link><br />
            <el-link type="primary" class="quick-link" @click="$emit('open-data-service-dialog')">数据服务</el-link><br />
            <el-link type="primary" class="quick-link">API集成</el-link>
          </el-card>
        </el-col>
        <el-col :span="8">
          <el-card class="quick-card">
            <div class="quick-title">运行管理</div>
            <el-link type="primary" class="quick-link">连接运行管理</el-link><br />
            <el-link type="primary" class="quick-link">流程运行管理</el-link><br />
            <el-link type="primary" class="quick-link">API运行管理</el-link>
          </el-card>
        </el-col>
        <el-col :span="8">
          <el-card class="quick-card">
            <div class="quick-title">开发者门户</div>
            <el-link type="primary" class="quick-link">API门户管理</el-link><br />
            <el-link type="primary" class="quick-link">开发者管理</el-link><br />
            <el-link type="primary" class="quick-link">应用系统管理</el-link><br />
            <el-link type="primary" class="quick-link">API检索及调用</el-link>
          </el-card>
        </el-col>
      </el-row>
    </div>
    <div class="knowledge-base">
      <el-row :gutter="20">
        <el-col :span="6">
          <el-card class="kb-card">
            <div class="kb-title">视频教程</div>
            <div class="kb-desc">提供直观易懂的操作演示，适合不同层次用户的自主学习需求。</div>
          </el-card>
        </el-col>
        <el-col :span="6">
          <el-card class="kb-card">
            <div class="kb-title">系统文档</div>
            <div class="kb-desc">全面详实的技术文献库，为开发者和管理员提供规范化的参考资料。</div>
          </el-card>
        </el-col>
        <el-col :span="6">
          <el-card class="kb-card">
            <div class="kb-title">AI问答</div>
            <div class="kb-desc">利用人工智能技术解答用户疑问，提供实时响应的技术咨询。</div>
          </el-card>
        </el-col>
        <el-col :span="6">
          <el-card class="kb-card">
            <div class="kb-title">官网</div>
            <div class="kb-desc">企业数字门户，展示产品信息、技术特点和成功案例，提供最新动态。</div>
          </el-card>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script setup>
// 事件通过$emit传递，由父组件Home.vue处理
</script> 